<template>
  <el-config-provider :locale="elmLocale">
    <router-view></router-view>
  </el-config-provider>
</template>

<script setup>
import zhCn from '@/locale/zh-cn.mjs'
import en from '@/locale/en.mjs'
const elmLocale = ref(null)
import { i18nStore } from "@/pinia/i18n";
const i18n = i18nStore();

watch(() => i18n.language, (nval, oval) => {
  elmLocale.value = nval == 'zh-cn' ? zhCn : en
})

onMounted(() => {
  i18n.setLanguage('zh-cn')
  document.title = `${localStorage.getItem('tenantInfo')}智慧照明管理平台`
})

onUnmounted(() => { })
</script>

<style>
.el-pagination .el-pagination__sizes .el-select .el-input__suffix-inner * {
  display: none;
}

.el-pagination .el-input__wrapper .el-input__suffix .el-input__clear {
  display: none;
}

.el-pagination .el-pagination__sizes .el-select .el-input__suffix-inner {
  background: #fff url(/src/assets/img/ct.png) no-repeat right center;
  z-index: 999;
  width: 20px;
}

body.login {
  background: #043a7d url(/src/assets/img/background.jpg) no-repeat;
  background-size: cover;
}

body.login.dasenlin .content .content-left {
  visibility: hidden;
}

body.login.dasenlin .header {
  visibility: hidden;
}

body.login.dasenlin .bantx {
  visibility: hidden;
}

* {
  outline: none !important;
}
</style>

<style lang="scss">
@import "@/assets/css/rp800.scss";
@import "@/assets/css/rp1024.scss";
@import "@/assets/css/rp1280.scss";
@import "@/assets/css/rp1366.scss";
@import "@/assets/css/rp1440.scss";
@import "@/assets/css/rp1600.scss";
@import "@/assets/css/rp1920.scss";
@import "@/assets/css/rp2048.scss";
@import "@/assets/css/rp2560.scss";
@import "@/assets/css/rp3840.scss";
@import "@/assets/css/tablelayout.scss";
</style>